<template>
  <div class="rate-content">
    <!-- <titleHead :title="'评价全覆盖'" /> -->
    <div class="map-yun" style="position:relative;width:100%;height:100rem">
      <div style="position:absolute;width:100%;height:100%"> <dv-flyline-chart-enhanced :config="config" style="width:100%;height:100%;" /></div>
    </div>
   
  </div>
</template>

<script>
import img from "./img/map.png";
//import titleCard from "../titleCard.vue";
//import lineAndBar from "@/components/echart/lineAndBar";
const winwidth = (window.screen.availWidth / 5) * 0.6;
const winHeight = (window.screen.availHeight / 2) * 0.6;
export default {
  data() {
    return {
      img,

      config: {
        points: [
    {
      name: '甘州区',
      coordinate: [0.6,0.6],
      icon: {
        src: '/img/flylineChart/mapCenterPoint.png',
        width: 30,
        height: 30
      },
      text: {
        color: '#FDFDFD',
        fontSize:70
      }
    },
    {
      name: '高台县',
      coordinate: [0.47, 0.4],
      text: {
        color: '#FDFDFD',
        fontSize:70
      }
    },
    {
      name: '临泽县',
      coordinate: [0.53, 0.5],
      text: {
        color: '#FDFDFD',
        fontSize:70
      }
    },
    {
      name: '民乐县',
      coordinate: [0.64, 0.7],
      text: {
        color: '#FDFDFD',
        fontSize:70
      },
      halo: {
        show: true,
        color: '#8378ea'
      }
    },
    {
      name: '山丹县',
      coordinate: [0.73, 0.7],
      text: {
        color: '#FDFDFD',
        fontSize:70
      },
      halo: {
        show: true,
        color: '#8378ea'
      }
    },
    {
      name: '肃南裕固族自治县',
      coordinate: [0.2, 0.50],
      text: {
        color: '#FDFDFD',
        fontSize:70
      }
    },
    {
      name: '张掖市',
      coordinate: [0.5, 0.5],
      text: {
        show:false,
        color: '#FDFDFD',
        fontSize:70
      },
      halo: {
        show: true,
      },
    }
    
  ],
  lines: [
    {
      source: '高台县',
      target: '张掖市'
    },
    {
      source: '临泽县',
      target: '张掖市'
    },
    {
      source: '山丹县',
      target: '甘州区'
    },
    {
      source: '民乐县',
      target: '张掖市'
    },
    {
      source: '肃南裕固族自治县',
      target: '张掖市',
     
    },
    {
      source: '甘州区',
      target: '张掖市'
    }
  ],
  icon: {
    show: true,
    src: './img/mapPoint.png'
  },
  text: {
    show: true,
  },
  bgImgSrc: img,
  line:{
    width:10,
    color:"#FDFDFD",
    orbitColor:"#25A9F6"
  }
  
}
      
    };
  },
  // components:{titleCard}
};
</script>

<style>
.boxall {
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  position: relative;
  margin-bottom: 1rem;
  z-index: 10;
}
.boxall:before {
  position: absolute;
  content: "";
}

.alltitle {
  font-size: 0.5rem;
  color: rgb(255, 185, 0);
  text-align: left;
  padding: 1rem;
  position: relative;
}
.alltitle span {
  font-size: 0.2rem;
  color: rgba(255, 255, 255, 0.35);
  display: block;
  text-transform: uppercase;
}
.boxnav span {
  color: #ffb43e;
  background: rgba(255, 255, 255, 0.29);
  font-size: 2rem;
  font-weight: bold;
  padding: 0.1rem 0.05rem;
  margin-right: 0.05rem;
}
.info_2 {
  margin: 0;
  padding: 0;
}
.text_2 {
  background-color: #0c1629;
}
.rate-content {
  padding: 2rem 0;
  overflow: auto;
}
.map-yun{
 transition-property: -webkit-transform;
    transition-duration: 10s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 10s;
    -webkit-animation: rotateY 3s linear infinite;
    -moz-animation: rotateY 3s linear infinite;
    -o-animation: rotateY 3s linear infinite;
    animation: rotateY 3s linear infinite;
}
@-webkit-keyframes rotateY{from{-webkit-transform: rotateY(0deg)}
    to{-webkit-transform: rotateY(10deg)}
}
@-moz-keyframes rotateY{from{-moz-transform: rotateY(0deg)}
    to{-moz-transform: rotateY(10deg)}
}
@-o-keyframes rotateY{from{-o-transform: rotateY(0deg)}
    to{-o-transform: rotateY(10deg)}
}
@keyframes rotateY{from{transform: rotateY(0deg)}
    to{transform: rotateY(10deg)}
}
</style>